next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
Login
next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
Login
</>
Loading Topics...
1
What is the purpose of the transform property in CSS?
Expert
High
2
What are the different types of CSS transformations?
Expert
High
3
What does transform: translate() do?
Expert
High
4
What is the difference between translateX() and translateY()?
Expert
High
5
How does rotate() work in CSS?
Expert
High
6
What is the unit used in rotation?
Expert
High
7
What is the difference between scale() and scaleX(), scaleY()?
Expert
High
8
What happens when you use negative values in scale()?
Expert
High
9
What does the skew() function do?
Expert
High
10
Can you combine multiple transform functions together? How? What is the use of the transform-origin property?
Expert
High
11
What is the default transform-origin value?
Expert
High
12
How does changing transform-origin affect rotation or scaling?
Expert
High
13
What is the difference between translate() and using position or margin for movement?
Expert
High
14
What is the difference between 2D and 3D transformations?
Expert
High
15
What is the difference between 2D and 3D transformations?
Expert
High
16
How do you apply a 3D rotation using CSS?
Expert
High
17
How do you apply a 3D rotation using CSS?
Expert
High
18
What are perspective and perspective-origin in 3D transforms? What is the purpose of transform-style: preserve-3d?
Expert
High
19
What is the use of matrix() in CSS transforms?
Expert
High
20
What’s the difference between matrix() and matrix3d()?
Expert
High
21
How can you center an element using transform and translate()?
Expert
High
22
What is the transition property in CSS used for?
Expert
High
23
What are the four main components of a transition?
Expert
High
24
What does transition-duration specify?
Expert
High
25
What are the common timing function values (e.g., ease, linear, ease-in)?
Expert
High
26
What is the shorthand syntax for transition?
Expert
High
27
Can multiple CSS properties be transitioned simultaneously? How does transition differ from animation in CSS?
Expert
High
28
Can you apply a transition to an element’s pseudo-class (like :hover)?
Expert
High
29
Can transitions be triggered by JavaScript?
Expert
High
30
What happens if transition-duration is set to 0s?
Expert
High
All Topics
1
Fundamentals
0/5 topics · 0%
Basics
Selectors
Box model
Text formatters
Combinators
2
Positioning & layout
0/4 topics · 0%
Positioning
Display
Overflow
Breakpoint
3
Modern layout
0/5 topics · 0%
Pseudo classes
Pseudo elements
Flexbox
Grid
Transformation and Transition
4
Beyond core
0/2 topics · 0%
Frameworks
Everything else